<!DOCTYPE html>
<!-- saved from url=(0024)https://candy.one/invite -->
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>


  <title>Candy Box - All Candies in One Box</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  	
  <!--<link rel="shortcut icon" th:href="@{https://candy-s.futurity.cn/ui/favicon.ico} "/>-->
  <link rel="stylesheet" th:href="@{../css/candy/candybox/base.css}" />
  <link rel="stylesheet" th:href="@{../css/candy/candybox/bootstrap.css}" />
  <link rel="stylesheet" th:href="@{../css/candy/about/my_about.css}" />
  <script th:src="@{../libs/jquery.min.js}" />

<script>
  $(function () {
      //初始化记载
      loadAbout();
      loadtoken();
//      test1();
//      setInterval(function () {
//          test2();
//      },3000);
  });
  function test1() {

      $.ajax({
          //url:baseUrlHL + "/app/index/openOrder?userid="+userid,    //请求的url地址
          url:"/candybox/registerCandy",    //请求的url地址
          dataType:"json",   //返回格式为json
          async:false,//请求是否异步，默认为异步，这也是ajax重要特性
          type:"GET",   //请求方式
          success:function(data){


          }
      });
  }
  function test2() {

      $.ajax({
          //url:baseUrlHL + "/app/index/openOrder?userid="+userid,    //请求的url地址
          url:"/candybox/loginCandy",    //请求的url地址
          dataType:"json",   //返回格式为json
          async:false,//请求是否异步，默认为异步，这也是ajax重要特性
          type:"GET",   //请求方式
          success:function(data){


          }
      });
  }
  
  function loadAbout() {

      $.ajax({
          //url:baseUrlHL + "/app/index/openOrder?userid="+userid,    //请求的url地址
          url:"/candybox/about",    //请求的url地址
          dataType:"json",   //返回格式为json
          async:false,//请求是否异步，默认为异步，这也是ajax重要特性
          type:"GET",   //请求方式
          success:function(data){
              var cndiv = "";
              var endiv = "";
              //判断语言类型
              for(var i = 0 ;  data.datas.length > i ;i++) {
                  var languagetype = data.datas[i].languagetype;
                  if (languagetype == "cn") {
                      cndiv = data.datas[i].content;

                  }else{
                      endiv = data.datas[i].content;
                  }
              }
              //放入页面数据
              $("#cndiv").html(cndiv);
              $("#endiv").html(endiv);

          }
      });
  }
  
  function loadtoken() {

      $.ajax({
          //url:baseUrlHL + "/app/index/openOrder?userid="+userid,    //请求的url地址
          url:"/candybox/tokenInfo",    //请求的url地址
          dataType:"json",   //返回格式为json
          async:false,//请求是否异步，默认为异步，这也是ajax重要特性
          type:"GET",   //请求方式
          success:function(data){
              var tb = '';
              for(var i = 0 ;  data.datas.length > i ;i++) {
                  var simplename = data.datas[i].simpleName;
                  var fullname = data.datas[i].fullName;
                  var amount = data.datas[i].amount;
                  var price = data.datas[i].price;
                  console.log(simplename)

                  tb += '<tr>';
                  tb += '<td>';
                  tb += '<img src="../img/candy/about/'+simplename+'.png" width="36" />';
                  tb += '<span class="color_black">'+simplename+'</span> <span class="formobile">('+fullname+')</span>';
                  tb += '</td>';
                  tb += '<td>'+amount+'</td>';
                  tb += '<td>'+price+'</td>';
                  tb += '</tr>';
              }

              $("#tokentb").html(tb);

          }
      });

  }
</script>
</head>


<body>

<header class="navbar navbar-inverse navbar-fixed-top visible-d">
  <div class="navbar-header">
    <!-- responsive nav button -->
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <!-- /responsive nav button -->
    <!-- /logo -->
    <a class="navbar-brand" href="https://candy.one/about#">
      <img th:src="@{../img/candy/about/logo.png}" width="58px" class="logo" />
      <div class="logo_escription">
        <p class="logo_title">Candy Box</p>
        <p class="logo_sub">All Candies in One Box</p>
      </div>
    </a>
  </div>
  <!-- main nav -->
  <nav class="collapse navbar-collapse navbar-right" role="Navigation">
    <ul id="nav" class="nav navbar-nav">
      <li class="visible-xs"><a href="https://candy.one/candy">Candy Box</a></li>
      <li class="visible-xs"><a href="https://candy.one/invite">Invite Friends</a></li>
      <li class="visible-xs"><a href="https://candy.one/about">About</a></li>
      <li class="login_name hidden-xs hidden-sm">
        <p>8615928991751</p>
        <p>LOGGED IN AS</p>
        <span class="line"></span>
      </li>
      <li>
        <a href="https://candy.one/login.html" class="exit">
          <img th:src="@{../img/candy/about/exit.png}" width="18px" class="hidden-xs" />
          <p>Exit</p>
          <p class="visible-xs importantfr">8615928991751</p>
        </a>
      </li>
    </ul>
  </nav>
</header>

<div class="left_nav">
  <ul>
    <li><a href="https://candy.one/candy">Candy Box</a></li>
    <li><a href="https://candy.one/invite">Invite Friends</a></li>
    <li><a href="https://candy.one/about" class="active">About</a></li>
  </ul>
</div>




<div class="right_content">
  <p class="panel_title">About</p>
  <p class="description hidden-xs">  </p>
  <div class="panelbox">
    <div class="row">
      <div class="col-lg-6 col-md-6 chinese" id = "cndiv">
        <!--<h2>年终糖果计划</h2>-->
        <!--<p>数字货币在今年迎来了爆发式增长，全世界都为之不眠。很多项目得到大家的支持，他们和我们的想法一样，希望在2018年的中国春节，回馈大家最喜爱的糖果。</p>-->
        <!--<p>我们结盟了很多项目方，准备一起为大家带来一场史上最大的糖果盛宴。这些项目把他们的糖果放入我们的仓库，我们将糖果加工、打包、装箱，变成CANDY。CANDY的价值代表着这些糖果的价值，我们会用各种方法带给大家。</p><p>最后，预祝大家新春快乐！</p>-->
      </div>
      <div class="col-lg-6 col-md-6" id = "endiv">
        <!--<h2>Candy Spring Festival</h2>-->
        <!--<p>At Candy.one we allied with a bunch of great projects to give everyone the best possible Chinese New Year gift: free tokens! Each project put their token candies in our box. We then issued a CANDY coin, which proportionally represents the value of all these tokens! You can claim your CANDY just by signing up, and get more by inviting your friends. </p>-->
        <!--<p>We wish all of you a happy Chinese New Year! </p>-->
      </div>
    </div>
  </div>
  <div class="panel_tabel">
    <a onclick="loadtoken()">111</a>
    <div>222222</div>
    <table>
      <thead>
      <tr>
        <th>Name</th>
        <th>Amount</th>
        <th>Price (USD)</th>
      </tr>
      </thead>
      <tbody id = "tokentb">
        <!--<tr>-->
          <!--<td><img th:src="@{img/candy/about/ATN.png}" width="36" /><span class="color_black">ATN</span> <span class="formobile">(AT Network)</span></td>-->
          <!--<td>35000</td>-->
          <!--<td>1.12</td>-->
        <!--</tr>-->
      <!--<tr>-->
        <!--<td><img th:src="@{img/candy/about/MDT.png}" width="36" /><span class="color_black">MDT</span> <span class="formobile">(Measurable Data Token)</span></td>-->
        <!--<td>5000000</td>-->
        <!--<td>0.39</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/PIX.png}" width="36" /><span class="color_black">PIX</span> <span class="formobile">(Lampix)</span></td>-->
        <!--<td>1400000</td>-->
        <!--<td>0.16</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/BIG.png}" width="36" /><span class="color_black">BIG</span> <span class="formobile">(BIG)</span></td>-->
        <!--<td>2000000</td>-->
        <!--<td>7.52</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/FAIR.png}" width="36" /><span class="color_black">FAIR</span> <span class="formobile">(FAIR)</span></td>-->
        <!--<td>700000</td>-->
        <!--<td>0.084</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/GCS.png}" width="36" /><span class="color_black">GCS</span> <span class="formobile">(GCS)</span></td>-->
        <!--<td>17000000</td>-->
        <!--<td>0.045</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/HMC.png}" width="36" /><span class="color_black">HMC</span> <span class="formobile">(HMC)</span></td>-->
        <!--<td>9000</td>-->
        <!--<td>0.1968</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/PRS.png}" width="36" /><span class="color_black">PRS</span> <span class="formobile">(PRS)</span></td>-->
        <!--<td>20000000</td>-->
        <!--<td>0.82</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/TCT.png}" width="36" /><span class="color_black">TCT</span> <span class="formobile">(Token Club)</span></td>-->
        <!--<td>2800000</td>-->
        <!--<td>0.0657</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/PST.png}" width="36" /><span class="color_black">PST</span> <span class="formobile">(Primas)</span></td>-->
        <!--<td>200000</td>-->
        <!--<td>0.4149</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/ELF.png}" width="36" /><span class="color_black">ELF</span> <span class="formobile">(ælf)</span></td>-->
        <!--<td>93333</td>-->
        <!--<td>1.07</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/BCDN.png}" width="36" /><span class="color_black">BCDN</span> <span class="formobile">(BlockCDN)</span></td>-->
        <!--<td>7000000</td>-->
        <!--<td>0.1062</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/AIT.png}" width="36" /><span class="color_black">AIT</span> <span class="formobile">(AIChain)</span></td>-->
        <!--<td>12000000</td>-->
        <!--<td>0.1192</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/BTO.png}" width="36" /><span class="color_black">BTO</span> <span class="formobile">(Bottos)</span></td>-->
        <!--<td>1000000</td>-->
        <!--<td>0.2187</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/XIN.png}" width="36" /><span class="color_black">XIN</span> <span class="formobile">(Mixin)</span></td>-->
        <!--<td>10000</td>-->
        <!--<td>1561.04</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/MTN.png}" width="36" /><span class="color_black">MTN</span> <span class="formobile">(Motion)</span></td>-->
        <!--<td>21000000</td>-->
        <!--<td>0.3008</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/READ.png}" width="36" /><span class="color_black">READ</span> <span class="formobile">(READ)</span></td>-->
        <!--<td>2100010</td>-->
        <!--<td>0.0517</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/CRE.png}" width="36" /><span class="color_black">CRE</span> <span class="formobile">(CYBEREITS)</span></td>-->
        <!--<td>7000000</td>-->
        <!--<td>0</td>-->
      <!--</tr><tr>-->
        <!--<td><img th:src="@{img/candy/about/MUSK.png}" width="36" /><span class="color_black">MUSK</span> <span class="formobile">(MUSK)</span></td>-->
        <!--<td>7000000</td>-->
        <!--<td>0</td>-->
      <!--</tr>-->
      </tbody>
    </table>
    <div class="total">
      <span class="else">Value:</span>≈59,273,848.03<span class="else">USD</span>

    </div>
  </div>

</div>



</body>
</html>